<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>团课预约列表</title>
	<meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0.maximum-scale=1.0,user-scalable=no" name="viewport">
	<script src="js/flexible.js"></script>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/homePage.css">
	<link rel="stylesheet" href="css/flexible.css">
	<link rel="stylesheet" href="css/vant.css">
	<script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/vue/vue.js"></script>
	<script src="js/vue/axios.js"></script>
	<script src="js/vue/MD5.js"></script>
	<script src="js/vue/vant.js"></script>
</head>
<body>
	<div class="container_box" id="app">
		<div class="group_details group_details_state paddingtop20 clearfix">
			<div class="fl" style="width:22%;">
				<img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img">
			</div>
			<div class="fl" style="width:78%;">
				<div class="fl">
					<p>
						<span class="spinning_name">曲婷婷</span>
						<span class="spinning_txx"><img src="images/woman.png"></span>
					</p>
					<p ><span class="spinning_A">A1</span><span class="spinning_date">14:00-16:00</span></p>
					<p class="degree">0/30 <span class="many_full">预约满2人开课</span></p>
				</div>
				<div class="private_Sign fr">签到</div>
				<div class="private_Sign private_Sign1 fr">取消预约</div>
			</div>
		</div>
		<div class="group_details group_details_state paddingtop20 clearfix">
			<div class="fl" style="width:22%;">
				<img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img">
			</div>
			<div class="fl" style="width:78%;">
				<div class="fl">
					<p>
						<span class="spinning_name">曲婷婷</span>
						<span class="spinning_txx"><img src="images/woman.png"></span>
					</p>
					<p ><span class="spinning_A">A1</span><span class="spinning_date">14:00-16:00</span></p>
					<p class="degree">0/30 <span class="many_full">预约满2人开课</span></p>
				</div>
				<div class="private_Sign fr">签到</div>
				<div class="private_Sign private_Sign1 fr">取消预约</div>
			</div>
		</div>
		<div class="group_details group_details_state paddingtop20 clearfix">
			<div class="fl" style="width:22%;">
				<img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img">
			</div>
			<div class="fl" style="width:78%;">
				<div class="fl">
					<p>
						<span class="spinning_name">曲婷婷</span>
						<span class="spinning_txx"><img src="images/woman.png"></span>
					</p>
					<p ><span class="spinning_A">A1</span><span class="spinning_date">14:00-16:00</span></p>
					<p class="degree">0/30 <span class="many_full">预约满2人开课</span></p>
				</div>
				<div class="private_Sign fr">签到</div>
				<div class="private_Sign private_Sign1 fr">取消预约</div>
			</div>
		</div>
		<div class="group_details group_details_state paddingtop20 clearfix">
			<div class="fl" style="width:22%;">
				<img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img">
			</div>
			<div class="fl" style="width:78%;">
				<div class="fl">
					<p>
						<span class="spinning_name">曲婷婷</span>
						<span class="spinning_txx"><img src="images/woman.png"></span>
					</p>
					<p ><span class="spinning_A">A1</span><span class="spinning_date">14:00-16:00</span></p>
					<p class="degree">0/30 <span class="many_full">预约满2人开课</span></p>
				</div>
				<div class="private_Sign private_Sign1 fr margintop20">已签到</div>
			</div>
		</div>
	</div>
	<div class="technology">馆家提供技术支持</div>
</body>
<script>
new Vue({
    el: '#app',
    data: {
		uid:'',
		currIndex:'0',
		currIndexsd:'0',
		classData:[],
		user:{},
		listData:[]
    },
    created(){
        this.setCanS()
    },
    methods:{
		 //设置参数
		setCanS(){
            let Request = new Object()
            Request = GetRequest()
			this.uid = Request['uid']
			this.getList()
        },
        getList() {
			const params={
				uid:this.uid,
			}
			getVs()
			axios.get('mobileapi/coach/user.php?act=user_info',{params:params}).then(data =>{
				console.log(data.data)
				let { msg, code,user} = data.data
					if (code !== 200) {
					    window.vant.Toast.fail(msg)
					} else {
						data=data.data
						this.classData=data.data.class
						this.listData=data.data.list
						this.user=data.data.user
						if(this.user.Picurl==""||this.user.Picurl==null){
							this.user.Picurl="images/moren.png"
						}
					}
				}).catch(function (error) {
					console.log(error); 
			})
		},
		//切换
		currIndexs(index){
			this.currIndex=index
		},
		//签到
		zkSq(index){
            this.currIndexsd=index+1
        },
		//预约
        zkSqS(index){
            this.currIndexsd=index
        },
        //添加体侧记录
        addSide(){
            window.location.href='addSide.html?uid='+this.uid+''
        },
        
    }
})
</script>
</html>